.message {
	width: 100%;
	
	&-item {
		width: 100%;
		padding: 40rpx 20rpx;
		display: flex;
		justify-content: space-between;
		
	}
	&-avatar {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		overflow: hidden;
		
		image {
			height: 100%;
			width: 100%;
		}
	}
	
	&-wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 600rpx;
		height: 100rpx;
		padding: 0 10rpx;
		border-bottom: 1px solid #eee;
	}
	
	&-content {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	&-lastmessage {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 24rpx;
		color: #666;
		padding-bottom: 20rpx;
	}
	&-username{
		color: #333;
		font-size: 30rpx;
	}
	&-time {
		color: #999;
		font-size: 24rpx;
	}
	&-null {
		position: absolute;
	}
	
}